input

Input-fält Input range Fält för lösenord

Förkortningar

  • DAP - Device APIs Policy
  • FAB - floating action button
HTML 5 logotyp

Programmeringsspråk

Tagg i HTML

  • input

Attribut i HTML

  • autocomplete
  • autofocus
  • disabled
  • form
  • name
  • readonly
  • required
  • type
  • value

Nya värden för attributet type i HTML 5

Ta bort förstoringsglas och kryss med CSS

input[type="search"] { -webkit-appearance: textfield; } ::-webkit-search-cancel-button { display: none; } Checkbox

Exempel på design för toggle

Kod för CSS

.switch { display: none; } .switch + label::after { background: var(--white); border-radius: 50%; border: 2px solid var(--black); box-sizing: border-box; content: ""; display: block; height: 30px; transform: scale(0.8); transition: .25s margin; width: 30px; } .switch + label { cursor: pointer; }

Kod för HTML

<input type="checkbox" selected="false" class="switch" id="autoupdate"> <label for="autoupdate"></label>

Platser

Tillbehör

  • legend
  • label

Liknande

Platser

Skicka formulär med Javascript

document.forms['form-redirect'].submit(); document.forms[0].submit() document.forms['aspnetForm'].submit()

Fokus på ett element med Javascript

document.f.username.focus();

Kod för olika typer av filer i HTML

<input type="file" accept="image/*;capture=camera"> <input type="file" accept="video/*;capture=camcorder"> <input type="file" accept="audio/*;capture=microphone">

Exempel på nya i HTML 5

color

date

datetime

datetime-local

email

month

number

range

search

tel

time

url

week

file accept="image/*;capture=camera"

file accept="video/*;capture=camcorder"

file accept="audio/*;capture=microphone"

autocomplete=one-time-code

Hand som trycker på en stor röd knapp Röd stopp-knapp på buss

Externa länkar

Istället för radio-knappar Animation som visar hur radio-knappar fungerar 3.5mm line in 3.5mm line in